<template>
    <div class="box">
        <h4 class="header">
            预警管理<span class="titleEn">Early warning management</span>
        </h4>
        <div class="mian">
            <div class="top">
            <div class="all">
                <div class="one">全部事件</div>
                <div class="one">{{ props.dateGuanLi.showShiJian.all }}</div>
            </div>
            <div class="complete">
                <div class="one">未处理事件</div>
                <div class="one">{{ props.dateGuanLi.showShiJian.complete }}</div>
            </div>
            <div class="processed">
                <div class="one">已处理事件</div>
                <div class="one">{{ props.dateGuanLi.showShiJian.processed }}</div>
            </div>
        </div>
        <div class="bar">
            <Bar :barOptions="props.dateGuanLi.barOptions"></Bar>
        </div>
        </div>
       
    </div>
</template>
<script setup>
import Bar from '@/components/Bar.vue'
import { defineProps } from 'vue'
let props = defineProps({
    dateGuanLi: {
        typeof: Object,
        default: {}
    },

})
</script>
<style scoped src="./index.css"></style>